/* pages/payfees/payfees.wxss */
.page{
    background-color: rgba(242, 242, 242, 1);
    min-height: 100vh;
    padding: 25rpx;
    box-sizing: border-box;
    .patient{
        width: 100%;
        height: 88rpx;
        border-radius: 16rpx;
        background-color: #fff;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 40rpx;
        box-sizing: border-box;
        .Info{
            display: flex;
            align-items: center;
            font-family: 'Microsoft YaHei UI', sans-serif;
            .name{
                font-size: 32rpx;
                color: #000;
            }
            .Id{
                font-size: 28rpx;
                color: #aaa;
                margin-left: 40rpx;
            }
        }
        .change{
            display: flex;
            align-items: center;
            .text{
                font-family: 'Microsoft YaHei UI', sans-serif;
                font-size:32rpx ;
                color: #000;
                margin-left: 10rpx;
            }
        }
    }
    // 弹出层
    .popup{
        width: 100%;
        .title{
            font-family: 'Microsoft YaHei UI Bold', 'Microsoft YaHei UI Regular', 'Microsoft YaHei UI', sans-serif;
            font-size: 32rpx;
            font-weight: 700;
            position: absolute;
            top: 30rpx;
            left: 50%;
            transform:translateX(-50%) ;
        }
        .patientlists{
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            top: 120rpx;
            .patientlist{
                width: 660rpx;
                height: 92rpx;
                background-color: rgba(230, 244, 255, 1);
                border-radius: 16rpx;
                display: flex;
                align-items: center;
                padding: 0 40rpx;
                box-sizing: border-box;
                margin-bottom: 30rpx;
                .patientName{
                    font-size: 28rpx;
                    color: #000;
                }
                .patientId{
                    font-size: 28rpx;
                    color: #aaa;
                    margin-left: 30rpx;
                }
            }
        }
    }
    .confirm{
        width: 692rpx;
        height: 80rpx;
        border-radius: 16rpx;
        position: fixed;
        bottom: 40rpx;
        left: 50%;
        transform: translateX(-50%);
        background-image: url('https://cdn8.axureshop.com/demo/2208121/images/%E7%A1%AE%E8%AE%A4%E9%A2%84%E7%BA%A6/u1058.svg');
        color: #fff;
        font-size: 28rpx;
        font-family: 'Microsoft YaHei UI', sans-serif;
    }
    // 缴费切换
    .freesChange{
        width: 700rpx;
        background-color: #fff;
        height: 82rpx;
        border-radius: 16rpx;
        margin-top: 40rpx;
        display: flex;
        align-items: center;
        overflow: hidden;
        .tabpop{
            width: 50%;
            height: 82rpx;
            line-height: 82rpx;
            text-align: center;
            font-family: 'Microsoft YaHei UI', sans-serif;
            font-size: 28rpx;
            color: #000;
        }
        .active{
            background-color: rgba(22, 119, 255, 1);
            color: #fff;
        }
    }
    // 切换内容
    .freeCon{
        width: 100%;
        // 待缴费
        .Pendingpayment{
            margin-top: 40rpx;
            .pendinglist{
                width: 700rpx;
                height: 340rpx;
                background-color: #fff;
                border-radius: 16rpx;
                padding-top: 20rpx;
                padding-right: 20rpx;
                margin-bottom: 40rpx;
                box-sizing: border-box;
                .lantop{
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    .registration{
                        font-family: 'Microsoft YaHei UI Bold', 'Microsoft YaHei UI Regular', 'Microsoft YaHei UI', sans-serif;
                        font-size: 28rpx;
                        font-weight: 700;
                        color: #000;
                        padding-left: 30rpx;
                        position: relative;
                    }
                    .registration::before{
                        content: '';
                        display: block;
                        width: 8rpx;
                        height: 36rpx;
                        background-color: rgba(22, 119, 255, 1);
                        border-radius: 16rpx;
                        position: absolute;
                        top: 0;
                        left: 0;
                    }
                }
                .registerInfo{
                    font-family: 'Microsoft YaHei UI', sans-serif;
                    font-size: 28rpx;
                    color: #333;
                    margin-top: 20rpx;
                    padding-left: 30rpx;
                    box-sizing: border-box;
                    .Info{
                        line-height: 60rpx;
                    }
                    .amount{
                        display:flex;
                        justify-content: space-between;
                        align-items: center;
                        .money{
                            color: #FF4D4F;
                        }
                        .mingxi{
                            line-height: 50rpx;
                            color: #1677FF;
                            font-size: 28rpx;
                        }
                    }
                }
            }
        }
        .count{
            width: 100%;
            height: 146rpx;
            background-color: #fff;
            position: fixed;
            bottom: 0;
            left: 0;
            z-index: 99;
            .allchecked{
                position: absolute;
                top: 20rpx;
                left: 30rpx;
                font-family: 'Microsoft YaHei UI', sans-serif;
                font-size: 28rpx;
                color: #333;
            }
            .total{
                font-family: 'Microsoft YaHei UI', sans-serif;
                font-size: 28rpx;
                color: #000;
                position: absolute;
                top: 70rpx;
                left: 90rpx;
                .moment{
                    color: #FF4D4F;
                }
            }
            .goFrees{
                width: 210rpx;
                height: 80rpx;
                background-image: url('https://cdn8.axureshop.com/demo/2208121/images/%E9%97%A8%E8%AF%8A%E7%BC%B4%E8%B4%B9/u1148.svg');
                background-size: cover;
                font-family: 'ArialMT', 'Arial', sans-serif;
                font-size: 24rpx;
                color: #fff;
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                right: 60rpx;
            }
        }
        // 待缴费明细弹出层
        .detailspop{
            .title{
                font-family: 'Microsoft YaHei UI Bold', 'Microsoft YaHei UI Regular', 'Microsoft YaHei UI', sans-serif;
                font-size: 28rpx;
                color: #000;
                font-weight: 700;
                position: absolute;
                top: 30rpx;
                left: 50%;
                transform: translateX(-50%);
            }
            .detailslists{
                width: 100%;
                background-color: #fff;
                position: absolute;
                top: 110rpx;
                padding: 0 50rpx;
                box-sizing: border-box;
                .medicine{
                    margin-bottom: 30rpx;
                    .listtitle{
                        display: flex;
                        align-items: center;
                        justify-content: space-between;
                        .name{
                            display: flex;
                            align-items: center;
                            .sign{
                                width: 46rpx;
                                height: 42rpx;
                                color:#1677FF;
                                font-size: 24rpx;
                                background-color: rgba(230, 244, 255, 1);
                                text-align: center;
                                line-height: 42rpx;
                            }
                            .check{
                                width: 46rpx;
                                height: 42rpx;
                                color:#FAAD14;
                                font-size: 24rpx;
                                background-color: rgba(255, 251, 230, 1);
                                text-align: center;
                                line-height: 42rpx;
                            }
                            .variety{
                                font-family: 'Microsoft YaHei UI', sans-serif;
                                font-size: 28rpx;
                                margin-left: 15rpx;
                                color: #000;
                            }
                        }
                        .subtatol{
                            font-family: 'Microsoft YaHei UI', sans-serif;
                            font-size: 28rpx;
                            color: #000;
                        }
                    }   
                    .productlists{
                        margin-top: 20rpx;
                        .productlist{
                            display: flex;
                            justify-content: space-between;
                            align-items: center;
                            font-family: 'Microsoft YaHei UI', sans-serif;
                            font-size: 28rpx;
                            color: #7f7f7f;
                            line-height: 40rpx;
                            margin-bottom: 16rpx;
                        }
                    }
                }
                .Total{
                    font-family: 'Microsoft YaHei UI Bold', 'Microsoft YaHei UI Regular', 'Microsoft YaHei UI', sans-serif;
                    font-weight: 700;
                    font-size: 32rpx;
                    height: 120rpx;
                    line-height: 120rpx;
                    text-align: right;
                }
            }
        }
    }
    // 已缴费
    .freeHave{
        width: 100%;
        .note{
            width: 100%;
            text-align: center;
            font-family: 'Microsoft YaHei UI', sans-serif;
            font-size: 24rpx;
            color: #7F7F7F;
            margin: 40rpx 0;
        }
        .freehavelists{
            width: 700rpx;
            margin: auto;
            .freehavelist{
                height: 488rpx;
                background-color: #fff;
                border-radius: 16rpx;
                padding-top: 20rpx;
                padding-right: 20rpx;
                box-sizing: border-box;
                margin-bottom: 40rpx;
                .lantop{
                    font-family: 'Microsoft YaHei UI', sans-serif;
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    .registration{
                        font-family: 'Microsoft YaHei UI Bold', 'Microsoft YaHei UI Regular', 'Microsoft YaHei UI', sans-serif;
                        font-size: 28rpx;
                        font-weight: 700;
                        color: #000;
                        padding-left: 30rpx;
                        position: relative;
                    }
                    .registration::before{
                        content: '';
                        display: block;
                        width: 8rpx;
                        height: 36rpx;
                        background-color: rgba(22, 119, 255, 1);
                        border-radius: 16rpx;
                        position: absolute;
                        top: 0;
                        left: 0;
                    }
                    .success{
                        width: 100rpx;
                        height: 40rpx;
                        text-align: center;
                        line-height: 40rpx;
                        color: #13C2C2;
                        background-color: rgba(230, 255, 251, 1);
                        font-size: 24rpx;
                        border-radius: 8rpx;
                    }
                    .waring{
                        width: 100rpx;
                        height: 40rpx;
                        text-align: center;
                        line-height: 40rpx;
                        color: #FF4D4F;
                        background-color: rgba(255, 241, 240, 1);
                        font-size: 24rpx;
                        border-radius: 8rpx;
                    }
                }
                .orderInfo{
                    padding-left: 30rpx;
                    margin-top: 20rpx;
                    .list{
                        font-family: 'Microsoft YaHei UI', sans-serif;
                        font-size: 28rpx;
                        line-height: 50rpx;
                        margin-bottom: 10rpx;
                    }
                }
                .freeDetail{
                    width: 100%;
                    height: 64rpx;
                    text-align: center;
                    line-height: 64rpx;
                    font-family: 'Microsoft YaHei UI', sans-serif;
                    color: #1677FF;
                    font-size: 28rpx;
                }
            }
        }
    }
}